<div>
    <div class="container">
        <h1>数据可视化</h1>
        <form class="uploadArea--needsUpload">
            <div class="row">
                <div class="col-md-4">
                    <label for="field_college">学院</label>
                    <select class="custom-select d-block w-100" id="field_college" name="college" [(ngModel)]="collegeId" (ngModelChange)="choose($event)">
                        <option [ngValue]="collegeOption.id" *ngFor="let collegeOption of colleges; trackBy: trackCollegeById">{{collegeOption.name}}</option>
                    </select>
                </div>
                <div class="col-md-5">
                    <label for="field_subject">专业</label>
                    <select class="custom-select d-block w-100" id="field_subject" name="subject" [(ngModel)]="subjectId" (ngModelChange)="submit($event)">
                        <option [ngValue]="subjectOption.id" *ngFor="let subjectOption of subjects; trackBy: trackSubjectById">{{subjectOption.name}}</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <br>
                    <button class="btn btn-primary " (click)="updateEcharts()">
                        <span class="fa float-right"></span>
                        <span>提交</span>
                    </button>
                </div>
            </div>
        </form>
    </div>
    <br/>
    <br/>
    <div class="row">
        <div class="col-md-6">
            <div echarts [options]="option" [autoResize] [loading]="showloading" [theme]=""  class="demo-chart" ></div>
        </div>
        <div class="col-md-6">
            <div echarts [options]="radarOption" [autoResize] [loading]="showloading" class="demo-chart"></div>
        </div>
        <!--<div echarts [options]="chartOption" class="demo-chart"></div>-->
    </div>
</div>
